<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="/static/zh/pic/du.ico"/>
    <title>{$book.bookname}_{$book.title}_奇幻·玄幻小说阅读页 - 小娟读书会</title>
    <meta name="keywords" content="{$book.bookname}阅读页,{$book.title}">
    <meta name="description" content="小娟读书会最新更新{$book.bookname},本章内容为{$book.title}的全文阅读页,{$book.bookname}最新章节免费阅读,页面无弹窗,访问速度快尽在小娟读书会。">

    {css href="/static/zh/css/basic.min.css" /}
    {css href="/static/zh/css/reader.min.css" /}
    <script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script>
    <script>function rSetDef() {
        function a() {
            var key = "rSet";
            var arr, reg = new RegExp("(^| )" + key + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg)) {
                return unescape(arr[2])
            } else {
                return null
            }
        }

        if (a()) {
            return (a().split("_"))
        } else {
            return "1_3_1_14".split("_")
        }
    }</script>
</head>
<body class="rb_1">
<script>document.body.className = "rb_" + rSetDef()[0]</script>

<div class="head-fixed-reader head-simple">


    {include file="public/wrap1"}
</div>
<!-- 大包 -->
<div class="readerPageWrap">
    <div class="h20-blank"></div>
    <!-- 推广层 -->
    <!--<div class="goodgame" data-sa-d="{&quot;adv_type&quot;:&quot;readPageBackgroud&quot;,&quot;adv_res&quot;:&quot;zongheng&quot;,&quot;pos&quot;:&quot;&quot;}">-->
        <!--<a href="http://www.zongheng.com" target="_blank"></a></div>-->
    <!-- 主内容 -->
    <div class="rw_3" id="reader_warp">
        <!--<script>document.getElementById("reader_warp").className = "rw_" + rSetDef()[1];</script>-->
        <!-- 1.	阅读器头部推荐位 -->
        <!--<div class="com-recbox" data-sa-d="{&quot;adv_type&quot;:&quot;readPage00&quot;,&quot;adv_res&quot;:&quot;zongheng&quot;,&quot;pos&quot;:&quot;&quot;}">-->
            <!--<script type="text/javascript" src="http://static.zongheng.com/upload/hzds/column/240517642449.js"></script>-->
        <!--</div>-->
        <!-- 阅读页start -->
        <div class="reader_crumb">当前位置： <a href="/"> 首页 </a>&gt;
            <a href="{$book.category_url}">{$book.category} </a> &gt;
            <a href="{$info}">{$book.bookname}</a> &gt; {$book.title}
        </div>

        <!-- 包裹层 -->
        <div class="rft_1" id="readerFt" style="font-size: 14px;">
            <!--<script>document.getElementById("readerFt").className = "rft_" + rSetDef()[2];-->
            <!--document.getElementById("readerFt").style.fontSize = rSetDef()[3] + "px";</script>-->
            <!-- 内容主盒 -->
            <div class="reader_box" style="" unselectable="on">
                <div class="marker"></div>
                <div class="title">
                    <div class="iconbox">
                        <em class=""></em>
                    </div>
                    <div class="title_txtbox">{$book.title}</div>
                </div>
                <div class="bookinfo">
                    作者：<a href="#">{$book.author}</a>&nbsp;&nbsp;|&nbsp;&nbsp;字数：<span>{$book.wordnum}</span>&nbsp;&nbsp;  <!--|&nbsp;&nbsp;更新时间：<span>2018-02-24 13:24:56</span> -->
                    <a href="#" class="reader_lnkbtn">全文阅读</a>
                </div>

                <div class="reader_line"></div>
                <div class="content">
                    {$book['content']|raw}
                </div>

                <!-- 订阅盒 -->


                <!-- 捧场按钮 -->

                <!--<a href="javascript:void(0)" class="big_donate"><em></em>-->
                    <!--<p>捧场</p></a>-->
                <div class="space_h80"></div>


                <!-- 操作区 -->
                <div class="chap_btnbox">
                    <a href="/catalog/{$book.id}.html">目录</a>
                    {if empty($book.prev)}
                    <a href="javascript:;">上一章</a>
                    {else/}
                    <a href="/content/{$book.prev.bid}/{$book.prev.id}.html">上一章</a>
                    {/if}
                    {if empty($book.next)}
                    <a href="javascript:;" class="nextchapter">下一章</a>
                    {else/}
                    <a href="/content/{$book.next.bid}/{$book.next.id}.html" class="nextchapter">下一章</a>
                    {/if}

                </div>

                <div class="ctrl_tips">按“键盘左键←”返回上一章&nbsp;&nbsp;&nbsp;按“键盘右键→”进入下一章&nbsp;&nbsp;&nbsp;按“空格键”向下滚动</div>

                <!-- 章评盒 -->
                <div id="reader-chapterforum-wrap" class="chapter_forum">
                    <div class="chapter_forum_tit">
                        <h3>章节评论</h3>
                        <a href="javascript:void(0)" class="chapter_forum_btn" data-sa-d="{&quot;page_module&quot;:&quot;readPage&quot;,&quot;click_name&quot;:&quot;comment&quot;,&quot;book_id&quot;:&quot;733403&quot;}">发表章评</a>
                    </div>
                    <div class="chapter_thread_list">
                        <div class="chapter_thread">
                            <ul class="forums-list" id="JthreadList"></ul>
                        </div>
                    </div>
                    <div class="chapter_morethread">

                    </div>
                </div>
                <!-- /章评盒 -->
            </div>
            <!-- /内容主盒 -->
        </div>
        <!-- /包裹层 -->
    </div>

    <!-- 控制手柄 -->
    <div class="gamepad" style="display: block;">
        <!-- 阅读手柄，左侧目录弹出列表层 -->
        <div id="uiGPReaderAct" style="margin-left: -550px; position: absolute; top: 112.8px;">
            <div class="gpd_btnpal">
                <a class="chapterList" href="{$catalog}" target="_blank">目录</a>

                <a class="bookShelf" href="javascript:void(0)">书架</a>

                <a class="bookDetail" href='{$info}' target="_blank">书页</a>
                <a class="readerSetting" href="javascript:void(0)">设置</a>
            </div>
            <div class="gpd_flt_chapterlist"></div>
            <!-- 控制面板 -->
            <div class="gpd_flt_setting" data-pname="readerSetting">
                <h4>设置</h4>
                <div class="gpd_setLine gpd_setstyle">
                    <div class="gpd_setName">阅读背景</div>
                    <div class="gpd_setcon">
                        <a class="sbs_1 active" href="javascript:void(0)" data-style="1"></a>
                        <a class="sbs_2" href="javascript:void(0)" data-style="2"></a>
                        <a class="sbs_3" href="javascript:void(0)" data-style="3"></a>
                        <a class="sbs_4" href="javascript:void(0)" data-style="4"></a>
                        <a class="sbs_5" href="javascript:void(0)" data-style="5"></a>
                        <a class="sbs_6" href="javascript:void(0)" data-style="6"></a>
                        <a class="sbs_7" href="javascript:void(0)" data-style="7"></a>
                        <a class="sbs_8" href="javascript:void(0)" data-style="8"></a>
                    </div>
                </div>
                <div class="gpd_setLine gpd_setfont">
                    <div class="gpd_setName">正文字体</div>
                    <div class="gpd_setcon">
                        <a href="javascript:void(0)" class="sbf_1 active" data-font="1">宋体</a>
                        <a href="javascript:void(0)" class="sbf_2" data-font="2">黑体</a>
                        <a href="javascript:void(0)" class="sbf_3" data-font="3">微软雅黑</a>
                        <a href="javascript:void(0)" class="sbf_4" data-font="4">楷体</a>
                    </div>
                </div>
                <div class="gpd_setLine gpd_setsize">
                    <div class="gpd_setName">字体大小</div>
                    <div class="gpd_setcon">
                        <div class="sbw_font">
                            <a class="small" data-size="small" class="setfont" href="javascript:void(0)">A-</a>
                            <div class="nowfont">14</div>
                            <a class="big" data-size="big" class="setfont" href="javascript:void(0)">A+</a>
                        </div>
                    </div>
                </div>
                <div class="gpd_setLine gpd_setwidth">
                    <div class="gpd_setName">页面宽度</div>
                    <div class="gpd_setcon">
                        <a href="javascript:void(0)" class="sbw_1" data-width="1">640</a>
                        <a href="javascript:void(0)" class="sbw_2" data-width="2">800</a>
                        <a href="javascript:void(0)" class="sbw_3 active" data-width="3">默认</a>
                        <a href="javascript:void(0)" class="sbw_4" data-width="4">1280</a>
                    </div>
                </div>
                <div class="gpd_btnLine">
                    <button class="confirm">保存设置</button>
                    <button class="reset">恢复默认</button>
                </div>
                <a class="gpd_close ui_widget_close"></a>
            </div>
        </div>
        <!-- 阅读手柄，右侧下控制按钮 -->
        <div id="uiGPUserAct" style="margin-left: 490px; position: fixed; bottom: 0px; top: auto;">
            <div class="gpd_btnpal">

                <a class="donate" href="javascript:void(0)">捧场</a>
                <a class="monthTicket" href="javascript:void(0)">投票</a>

                <a class="chapterForum" href="javascript:;" target="_blank">圈子</a>
                <a href="#top" class="returntop">顶部</a>
            </div>
        </div>
    </div>
    <div class="h20-blank"></div>
    <!-- /大包 -->
</div>
{js href="/static/zh/js/jquery-1.9.1.min.js"}
<script>
    /**
     * 数据存储，优先存在浏览器自带的数据库中（需要支持html5），其次存在cookie中
     * @param {type} opt_str
     * @returns {undefined}
     */
    function setCookie(key, value) {
        if (window.localStorage) {
            localStorage.setItem(key, value);
        } else {
            $.cookie(key, value);
        }
    }

    /**
     * 获取cookie数据
     * @returns {DOMString}
     */
    function getCookie(key) {
        if (window.localStorage) {
            return localStorage.getItem(key);
        } else {
            return $.cookie(key);
        }
    }

    $('.readerSetting').click(function(){
        $('.gpd_flt_setting').toggle();
        if($('.gpd_flt_setting').css('display') == 'block'){
            $('.gpd_flt_setting').addClass('active');
            $('.readerSetting').css('width','53px');
            $('.readerSetting').css('background-color','rgba(250,250,250,.98)');
            $('.readerSetting').css('box-shadow','0 2px 5px 0 rgba(0,0,0,.2)');
    }else{
            $('.gpd_flt_setting').removeClass('active');
            $('.readerSetting').css('width','43px');
            $('.readerSetting').css('background-color','rgba(250,250,250,.3)');
            $('.readerSetting').css('box-shadow','');
        }
    });

    $(function(){
       var style = getCookie('data-style');
       var font = getCookie('data-font');
       var size = getCookie('data-size');
       var width = getCookie('data-width');
       if(style != null){
           $($('.gpd_setstyle>.gpd_setcon a')[0]).removeClass('active');
           $('.gpd_setstyle>.gpd_setcon a').each(function(){
               var data = $(this).attr('data-style');
               if(style == data){
                   $(this).addClass('active');
               }
           });
           page_color(style);
       }
        if(font != null){
            $($('.gpd_setfont>.gpd_setcon a')[0]).removeClass('active');
            $('.gpd_setfont>.gpd_setcon a').each(function(){
                var data = $(this).attr('data-font');
                if(font == data){
                    $(this).addClass('active');
                }
            });
            page_font(font);
        }
        if(width != null){
            $($('.gpd_setwidth>.gpd_setcon a')[2]).removeClass('active');
            $('.gpd_setwidth>.gpd_setcon a').each(function(i,val){
                var data = $(this).attr('data-width');
                if(width == data){
                    $(this).addClass('active');
                    n = data
                }
            });
            $('#reader_warp').addClass('rw_' + n);
        }
        if(size != null){
            //console.log(size)
            $('.nowfont').text(size);
            $('.content').css('font-size', size + 'px');
        }
    });
    function page_color(data){
        if(data == 1){
            $('body').css('background-color', '#d9cdb6');
            $('.reader_box').css('background-color', '#faeed7');
        }else if(data == 2){
            $('body').css('background-color', '#b9c1c9');
            $('.reader_box').css('background-color', '#e9eff5');
        }else if(data == 3){
            $('body').css('background-color', '#c4ccc0');
            $('.reader_box').css('background-color', '#e7f0e1');
        }else if(data == 4){
            $('body').css('background-color', '#d4c7cc');
            $('.reader_box').css('background-color', '#e7f0e1');
        }else if(data == 5){
            $('body').css('background-color', '#ccc');
            $('.reader_box').css('background-color', '#f7f7f7');
        }else if(data == 6){
            $('body').css('background-color', '#d6d5c1');
            $('.reader_box').css('background', 'url(/static/zh/pic/bg6.jpg) center top repeat-x #f9f7e3');
            $('.reader_box').css('box-shadow', '0 2px 20px 0 rgba(0,0,0,.05)');
        }else if(data == 7){
            $('body').css('background-color', '#b8b8b8');
            $('.reader_box').css('background', 'url(/static/zh/pic/bg7.jpg)');
            $('.reader_box').css('box-shadow', '0 2px 20px 0 rgba(0,0,0,.05)');
        }else if(data == 8){
            $('body').css('background-color', '#222');
            $('.gpd_flt_setting').css('background-color', 'rgba(34,34,34,.98)');
            $('.reader_box').css('background-color', '#343434');
            $('.content').css('color', '#999');
            $('.title_txtbox').css('color', '#999');
            $('.chap_btnbox a').css('background-color', '#3e3e3e');
            $('.chap_btnbox a').css('color', '#999');
        }
    }
    function page_font(data){
        if(data == 1){
            $('.content').css('font-family', '宋体, SimSun, STSong');
        }else if(data == 2){
            $('.content').css('font-family', '黑体, SimHei, STHeiti');
        }else if(data == 3){
            $('.content').css('font-family', '微软雅黑, "Microsoft YaHei", "Apple LiGothic Medium"');
        }else if(data == 4){
            $('.content').css('font-family', '楷体, KaiTi, BiauKai');
        }
    }
    $('.gpd_setstyle>.gpd_setcon a').click(function(){
        var data = $(this).attr('data-style');
        $(this).siblings().each(function(i,val){
            if($(val).hasClass('active')){
                $(val).removeClass('active')
            }
        });
        $(this).addClass('active');
        setCookie('data-style', data);
        if(data != 6 || data != 7){
            $('.reader_box').css('background', 'url()');
        }
        page_color(data);
        if(data != 8){
            $('.gpd_flt_setting').css('background-color', 'rgba(250,250,250,.98)');
            $('.content').css('color', '#333');
            $('.title_txtbox').css('color', '#333');
            $('.chap_btnbox a').css('background-color', 'rgba(0,0,0,.03)');
            $('.chap_btnbox a').css('color', '#333');
        }
    });
    $('.gpd_setfont>.gpd_setcon a').click(function(){
        var data = $(this).attr('data-font');
        $(this).siblings().each(function(i,val){
            if($(val).hasClass('active')){
                $(val).removeClass('active')
            }
        });
        $(this).addClass('active');
        setCookie('data-font', data);
        page_font(data);

    });
    $('.small').click(function(){
        var data = $('.nowfont').text();
        data -= 1;
        $('.nowfont').text(data);
        $('.content').css('font-size', data + 'px');
        setCookie('data-size', data)
    });
    $('.big').click(function(){
        var data = $('.nowfont').text();
        data = data*1 + 1;
        $('.nowfont').text(data);
        $('.content').css('font-size', data + 'px');
        setCookie('data-size', data)
    });
    $('.gpd_setwidth>.gpd_setcon a').click(function(){
        var data = $(this).attr('data-width');
        $(this).siblings().each(function(i,val){
            if($(val).hasClass('active')){
                $(val).removeClass('active');
                n = $(val).attr('data-width');
            }
        });
        $(this).addClass('active');
        setCookie('data-width', data);
        $('#reader_warp').removeClass('rw_' + n);
        $('#reader_warp').addClass('rw_' + data);
    });
    //保存设置
    $('.gpd_flt_setting .confirm').click(function(){
        $('.gpd_flt_setting').hide();
        $('.gpd_flt_setting').removeClass('active');
        $('.readerSetting').css('width','43px');
        $('.readerSetting').css('background-color','rgba(250,250,250,.3)');
        $('.readerSetting').css('box-shadow','');
    });
    $('.gpd_close').click(function(){
        $('.gpd_flt_setting').hide();
        $('.gpd_flt_setting').removeClass('active');
        $('.readerSetting').css('width','43px');
        $('.readerSetting').css('background-color','rgba(250,250,250,.3)');
        $('.readerSetting').css('box-shadow','');
    });
    $('.reset').click(function(){
        $('.gpd_flt_setting').hide();
        $('.gpd_flt_setting').removeClass('active');
        $('.readerSetting').css('width','43px');
        $('.readerSetting').css('background-color','rgba(250,250,250,.3)');
        $('.readerSetting').css('box-shadow','');

        $('body').css('background-color', '#d9cdb6');
        $('.rb_1 .reader_box').css('background-color', '#faeed7');
        $('.content').css('font-family', '宋体, SimSun, STSong');
        $('.content').css('font-size', '14px');
        $('.rw_1').css('weight', '960px');
        setCookie('data-style', 1)
        setCookie('data-font', 1)
        setCookie('data-size', 14)
        setCookie('data-wight', 3)
    });
</script>
</body>
</html>